@charset "UTF-8";
html, body, #app, .taro_page {
  height: 100%;
}

#app, .taro_page, body, html {
  height: 100%;
  font-family: PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}

:root, page {
  --primary-color: #06c584;
  --line-color: #9DE2D5;
  --weak-bg-color: #E7FAF4;
  --book-btn-color: #06c584;
  --score-bg-color: #37EBB4;
  --skeleton-primary-color: #EAFAF7;
  --skeleton-underline-color: #00ae73;
  --order-progree-bg-color: #00AC71;
  --order-progree-ing-color: #2BFFB7;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.taro_page:first-child {
  -webkit-animation: none;
  animation: none;
}

.page-hotel {
  height: 100%;
  width: 100%;
  font-size: .6rem;
}

.taro-scroll-view__scroll-y {
  overflow-x: hidden;
  overflow-y: scroll;
}

.taro-scroll::-webkit-scrollbar {
  display: none;
}

.detail-page, .detail-page .detail-page-content {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

[class*=" icon-"]::after, [class*=" icon-"]::before, [class^=icon-]::after, [class^=icon-]::before {
  line-height: 1;
}

.elong-font, .elong-font-after::after, .elong-font-before::before, [class*=" icon-"]::after, [class*=" icon-"]::before, [class^=icon-]::after, [class^=icon-]::before {
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.taro-img {
  display: inline-block;
  overflow: hidden;
  position: relative;
  font-size: 0;
  width: 320px;
  height: 240px;
}

.taro-text {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.taro-img__mode-aspectfill {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.arrow-b, .arrow-r, .arrow-t {
  position: relative;
}

.arrow-b::after, .arrow-t::after {
  margin-top: -.600rem;
  right: .10004rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.arrow-b::after, .arrow-r::after, .arrow-t::after {
  content: "";
  width: .35019rem;
  height: .35019rem;
  position: absolute;
  top: 50%;
  margin-top: -.20011rem;
  right: .20011rem;
  border-color: #576b95;
  border-style: solid;
  border-width: 0 0 1PX 1PX;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  display: block;
}

.detail-page {
  background: #f2f3f9;
  color: #19293f;
  font-size: .600rem;
  line-height: 1.050rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.detail-page .detail-page-content .detailscroll {
  width: 100vw;
  height: 100vh;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.detail-page .detail-page-content .detail-header-box {
  position: relative;
  overflow: hidden;
}

.detail-page .detail-page-content .detail-header-box .app-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.20116rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 .6rem 0 .25012rem;
  z-index: 20;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.detail-page .detail-page-content .detail-header-box .app-header .icon {
  height: 2.20116rem;
  line-height: 2.20116rem;
  font-size: 1.050rem;
  padding: 0 .35019rem;
}

.detail-page .detail-page-content .detail-header-box .app-header .icon .icon-fanhuijiantou {
  padding-left: .2rem;
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
}

.detail-page .detail-page-content .detail-header-box .swiper-box {
  position: relative;
  height: 10.75572rem;
  z-index: 1;
}

.detail-page .detail-page-content .detail-header-box .swiper-box::after {
  content: "";
  display: block;
  width: 100%;
  height: 4.5024rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8)));
  background-image: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.8) 100%);
  background-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.8) 100%);
}

.detail-page .detail-page-content .detail-header-box .swiper-box .swiper-cont {
  position: relative;
  height: 10.75572rem;
}

.detail-page .detail-page-content .detail-header-box .swiper-box .swiper-cont .swiper-img {
  width: 100%;
  min-height: 10.75572rem;
}

.detail-page .detail-page-content .detail-header-box .swiper-box .hotel-base-info {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 .50027rem;
  position: absolute;
  bottom: 1.60084rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  z-index: 3;
}

.detail-page .detail-page-content .detail-header-box .swiper-box .hotel-base-info .hbl-box {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.detail-page .detail-page-content .detail-header-box .swiper-box .hotel-base-info .hotel-base-left {
  display: -webkit-box;
  -Webkit-box-orient: vertical;
  -Webkit-line-clamp: 2;
  overflow: hidden;
}

.detail-page .detail-page-content .detail-header-box .swiper-box .hotel-base-info .hotel-base-left .hotel-name {
  color: #fff;
  font-size: .80043rem;
  line-height: 1.050rem;
  font-weight: 700;
  margin-right: .35019rem;
}

.detail-page .detail-page-content .detail-header-box .swiper-box .hotel-base-info .hotel-base-left .hbi-star {
  display: inline-block;
}

.detail-page .detail-page-content .detail-header-box .swiper-box .hotel-base-info .hotel-base-left .level {
  margin-right: .35019rem;
  font-size: .600rem;
  line-height: .6000rem;
  color: #e0e0e0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}

.detail-page .detail-page-content .detail-header-box .swiper-box .hotel-base-info .hotel-base-left .grade {
  width: 2.65140rem;
  height: .7504rem;
  display: inline-block;
  margin: 0;
  margin-right: .35019rem;
  vertical-align: middle;
}

.detail-page .detail-page-content .detail-header-box .swiper-box .hotel-base-info .hotel-base-left .grade.grade6 {
  background: url(../images/City-Travel-HoteDetail/grade1.png) no-repeat 0 center;
  background-size: 100% 100%;
}

.detail-page .detail-page-content .detail-header-box .swiper-box .hotel-base-info .hotel-base-right {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.detail-page .detail-page-content .detail-header-box .swiper-box .hotel-base-info .hotel-base-right .pic-num {
  min-width: 1.00052rem;
  font-size: .600rem;
  line-height: .600rem;
  color: #fff;
  padding-left: .70036rem;
  background: url(../images/City-Travel-HoteDetail/pic_n.png) left center no-repeat;
  background-size: .50027rem .50027rem;
}

.detail-page .detail-page-content .detail-hotel-info {
  position: relative;
  padding: 0 .35019rem;
  margin-top: -1.25067rem;
  z-index: 10;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box {
  background: #fff;
  border-radius: .34133rem;
  overflow: hidden;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box.has-special-sale {
  position: relative;
  z-index: 1;
  margin-top: -.600rem;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .address {
  border-bottom: .02500rem solid #ededed;
  min-height: 2.00107rem;
  padding: .600rem .600rem .600rem .85044rem;
  position: relative;
  background: url(../images/City-Travel-HoteDetail/bitmap3.png) right -0.30016rem no-repeat;
  background-size: auto 106%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .address .address-box {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: .35019rem;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .address .address-box .desc {
  font-size: .70036rem;
  line-height: .90048rem;
  color: #19293f;
  font-weight: 700;
  margin-bottom: .40020rem;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .address .address-box .addr {
  font-size: .600rem;
  line-height: .75rem;
  color: #797c8d;
  margin-bottom: .400200rem;
  padding-left: .80043rem;
  position: relative;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .address .address-box .addr::before {
  content: '';
  display: inline-block;
  background: url(../images/City-Travel-HoteDetail/info-icon-ner.png) center center no-repeat;
  background-size: cover;
  height: .55028rem;
  width: .55028rem;
  position: absolute;
  top: .05003rem;
  left: 0;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .address .address-box .addr.ar-4::before {
  background-image: url(../images/City-Travel-HoteDetail/info-icon-4.png);
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .address .address-box .addr:last-of-type {
  margin-bottom: 0;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .address .setMap-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .address .setMap-box .setMap {
  font-size: .55028rem;
  line-height: .55028rem;
  color: #797c8d;
  padding-top: .85044rem;
  font-weight: 400;
  background-image: url(../images/City-Travel-HoteDetail/map-icon.png);
  background-size: .600rem;
  background-repeat: no-repeat;
  background-position: center 0;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .comment {
  margin-left: .600rem;
  padding: .75rem 0;
  border-bottom: .02500rem solid #ededed;
  position: relative;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .comment .score-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #19293f;
  line-height: 1.20064rem;
  vertical-align: bottom;
  padding: 0 .600rem 0 .25012rem;
  min-height: 1.20064rem;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .comment .score-box.arrow-r::after {
  right: .600rem;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .comment .score-box .score {
  font-size: 1.20064rem;
  font-weight: 700;
  font-family: 'dinpro';
  background: -webkit-linear-gradient(bottom, #fff 0.12507rem, var(--score-bg-color) 0.15008rem, #fff 0.52528rem);
  background: linear-gradient(to top, #fff 0.12507rem, var(--score-bg-color) 0.15008rem, #fff 0.52528rem);
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .comment .score-box .desc {
  font-size: .80043rem;
  font-weight: 700;
  margin-left: .25012rem;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .comment .score-box .count {
  color: #797c8d;
  margin-left: 1.5008rem;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .comment .score-box .count .num {
  display: inline-block;
  padding: 0 .35019rem;
  line-height: .600rem;
  border-right: .02500rem solid #d2d7e0;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .comment .score-box .count .num:last-of-type {
  border: 0;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .comment .c-tags {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: 2.00107rem;
  overflow: hidden;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .comment .c-tags .c-item {
  font-size: .600rem;
  line-height: .600rem;
  color: #1c3354;
  background: #ebf0f7;
  padding: .40020rem .65035rem;
  margin-right: .45024rem;
  border-radius: 0 .40020rem .40020rem .40020rem;
  margin-top: .50027rem;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .comment .c-tags .c-item .num {
  font-size: .50038rem;
  margin-left: .20011rem;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .feature {
  padding: .600rem .85044rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 2.50132rem;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .feature.arrow-r::after {
  right: .600rem;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .feature .top {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .feature .top .date {
  font-size: .70036rem;
  line-height: .70036rem;
  margin-right: .40020rem;
  font-weight: 700;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .feature .f-tags {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: .45024rem;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .feature .f-tags .f-item {
  margin-right: .40020rem;
  color: #797c8d;
  font-size: .600rem;
  line-height: .600rem;
  padding-left: .85044rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  background-size: .70036rem .600rem;
  background-position: 0 center;
  background-repeat: no-repeat;
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .feature .f-tags .f-icon-208 {
  background-image: url(../images/City-Travel-HoteDetail/hy@2x.png);
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .feature .f-tags .f-icon-1311 {
  background-image: url(../images/City-Travel-HoteDetail/ct@2x.png);
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .feature .f-tags .f-icon-24 {
  background-image: url(../images/City-Travel-HoteDetail/24xsqt@2x.png);
}

.detail-page .detail-page-content .detail-hotel-info .detail-hotel-info-box .feature .f-tags .f-icon-17 {
  background-image: url(../images/City-Travel-HoteDetail/xljc@2x.png);
}

.detail-page .detail-page-content .detail-login-box {
  margin: .35019rem;
  padding: 0 .50027rem 0 1.80096rem;
  background: #fdfbec url(../images/City-Travel-HoteDetail/loginnew.png) no-repeat 0.15008rem center;
  background-size: 1.40075rem 1.40075rem;
  border-radius: .40020rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.detail-page .detail-page-content .detail-login-box.arrow-r::after {
  right: .50027rem;
  border-color: #b3a683;
}

.detail-page .detail-page-content .detail-login-box .lg-txt {
  font-size: .65035rem;
  height: 2.40128rem;
  line-height: 2.40128rem;
  color: #543b06;
  font-weight: 700;
}

.detail-page .detail-page-content .detail-login-box .lg-txt .lg-strong {
  color: #f55;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item {
  position: relative;
  border-bottom: .02500rem solid #ececec;
  padding: .50027rem .600rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item:last-of-type {
  border: 0;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .r-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .r-info.rp-arrow::after {
  content: "";
  display: block;
  width: .600rem;
  height: .600rem;
  position: absolute;
  top: 50%;
  margin-top: -.30016rem;
  right: 0;
  background: #f2f3f8 url(../images/City-Travel-HoteDetail/rp-arrow.png) center center no-repeat;
  background-size: .3752rem .17508rem;
  border-radius: 50%;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .r-info .left {
  width: 74%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .r-info .left .other-name {
  font-size: .80043rem;
  font-weight: 700;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .r-info .left .other-name .other-subname {
  font-weight: 400;
  display: block;
  font-size: .600rem;
  color: #a7acb7;
  line-height: 1.05056rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .r-info .right {
  position: absolute;
  right: .90048rem;
  top: 0;
  height: 100%;
  text-align: right;
  padding-left: .50027rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 0.50027rem);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 0.50027rem);
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .r-info .right .price {
  line-height: 1.00052rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .r-info .right .price .real {
  font-size: 1.00052rem;
  font-weight: 700;
  color: #f55;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .r-info .right .price .real-mosaic {
  font-size: .62532rem;
  font-weight: 400;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: .25012rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item {
  background: #f7f9fc;
  border-radius: .40020rem;
  margin-top: 0.25012rem !important;
  padding: .50027rem 3.0016rem .50027rem .600rem;
  position: relative;
  overflow: hidden;
  min-height: 4.5024rem;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .left {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .left .info {
  width: 72%;
  overflow: hidden;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .left .info .name {
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.10059rem;
  white-space: nowrap;
  margin-bottom: .35019rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .left .info .name::before {
  content: "";
  display: inline-block;
  width: .600rem;
  height: .85044rem;
  background: url(../images/City-Travel-HoteDetail/rp_bf.png) center top no-repeat;
  background-size: .600rem .70036rem;
  vertical-align: middle;
  margin-right: .25012rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .left .info .types {
  line-height: 1.10059rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .left .info .types .txt {
  font-size: .600rem;
  color: #858c9c;
  margin-right: .25012rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .left .info .tags {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: .15008rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .left .info .tags .t-item {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .05003rem .10004rem;
  font-size: .50027rem;
  line-height: 1em;
  margin-bottom: .20011rem;
  margin-right: .15008rem;
  border: 1PX solid var(--line-color);
  color: var(--primary-color);
  border-radius: .15008rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .right {
  position: absolute;
  text-align: center;
  top: 0;
  right: .30016rem;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .right .price {
  line-height: 1.00052rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .right .price .real {
  font-size: 1.00052rem;
  font-weight: 700;
  color: #f55;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .right .price .real-mosaic {
  font-size: .55028rem;
  font-weight: 400;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .right .wrap-btn {
  display: inline-block;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .right .btn {
  display: inline-block;
  width: 2.20116rem;
  height: 2.20116rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 700;
  font-size: .55028rem;
  padding-top: 1.40075rem;
  line-height: .75rem;
  color: var(--book-btn-color);
  border: 1PX solid var(--book-btn-color);
  border-radius: .40020rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .right .btn.t-2 {
  color: #f0945c;
  background: #fffdfb;
  border-color: #f0aa5c;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item .rp-list .rp-item .right .btn::before {
  content: "订";
  display: block;
  width: 2.20116rem;
  position: absolute;
  top: -.02500rem;
  left: -.02500rem;
  height: 1.40075rem;
  line-height: 1.40075rem;
  color: #fff;
  background: var(--book-btn-color);
  font-size: 1.05056rem;
  border-radius: .40020rem .40020rem 0 0;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .r-item.r-type-1 .r-info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .70036rem 2.00107rem .70036rem .70036rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box {
  background: #fff;
  margin: .35019rem .35019rem 0;
  padding-top: .7504rem;
  border-radius: .40020rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box.show {
  padding: .7504rem 0;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .dfb-wrap {
  margin-right: .50027rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .dfb-wrap.arrow-r::after {
  right: 0;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .dfb-wrap .check-in-out {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .dfb-wrap .check-in-out .o-date, .detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .dfb-wrap .check-in-out .i-date {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .dfb-wrap .check-in-out .o-date .date, .detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .dfb-wrap .check-in-out .i-date .date {
  font-size: 1.00052rem;
  line-height: 1.00052rem;
  font-weight: 700;
  margin-right: 0.10004rem;
  padding-left: .20011rem;
  font-family: 'dinpro';
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .dfb-wrap .check-in-out .o-date .week, .detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .dfb-wrap .check-in-out .o-date .tip, .detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .dfb-wrap .check-in-out .i-date .week, .detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .dfb-wrap .check-in-out .i-date .tip {
  font-size: .55028rem;
  line-height: .55028rem;
  color: #797c8d;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .dfb-wrap .check-in-out .diff {
  font-size: .600rem;
  line-height: .600rem;
  border: .02500rem solid #e0e0e0;
  padding: .20011rem .600rem;
  border-radius: .70036rem;
  margin-left: .35019rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: .600rem .50027rem 0 0;
  padding: 0 .50027rem;
  background: #f7f9fc;
  border-radius: .82544rem;
  font-size: .600rem;
  line-height: .600rem;
  color: #797c8d;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter .filter-list {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter .filter-list::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 2.00107rem;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(247, 249, 252, 0)), to(#f7f9fc));
  background-image: -webkit-linear-gradient(left, rgba(247, 249, 252, 0), #f7f9fc);
  background-image: linear-gradient(90deg, rgba(247, 249, 252, 0), #f7f9fc);
  display: block;
  content: '\20';
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter .filter-list .filter-list-wrapper {
  width: 13.75732rem;
  overflow-x: auto;
  white-space: nowrap;
  padding: .50027rem 0;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter .filter-list .f-item {
  margin: 0 1.25067rem 0 .12507rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter .f-btn {
  padding-top: .50027rem;
  width: 2.2512rem;
  text-align: right;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter .f-btn .arrow-t, .detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter .f-btn .arrow-b {
  display: inline-block;
  width: .70036rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter .f-btn .arrow-b::after {
  width: .25012rem;
  height: .25012rem;
  margin-top: -.45024rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  -webkit-backdrop-filter: blur(0.15008rem);
  backdrop-filter: blur(0.15008rem);
  background-color: rgba(37, 38, 45, 0.7);
  color: #19293f;
  line-height: 1.05056rem;
  font-size: .600rem;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  -webkit-transition: opacity 225ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 225ms cubic-bezier(0, 0, 0.2, 1);
  display: none;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page .page-content {
  height: 80%;
  background-color: #fff;
  right: 0;
  bottom: 0;
  border-radius: .50027rem .50027rem 0 0;
  padding-bottom: 3.20171rem;
  z-index: 200;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 225ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 225ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 225ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 225ms cubic-bezier(0, 0, 0.2, 1);
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page .page-content .title-info {
  font-size: .95051rem;
  font-weight: 700;
  color: #333;
  background-color: #fff;
  line-height: 2.50132rem;
  height: 2.50132rem;
  text-align: center;
  position: relative;
  z-index: 10;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page .page-content .title-info .close {
  height: 2.50132rem;
  width: 2.20116rem;
  position: absolute;
  top: 0;
  right: .25012rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page .page-content .title-info .close .icon {
  display: inline-block;
  height: .80043rem;
  width: .80043rem;
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../images/City-Travel-HoteDetail/rpicon.png) no-repeat;
  background-position: -1.00052rem -1.00052rem;
  background-size: 5.00267rem 2.00107rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page .page-content .info-box {
  overflow-x: hidden;
  overflow-y: auto;
  top: 0;
  height: 100%;
  -Webkit-overflow-scrolling: touch;
  padding: 3.0016rem .600rem;
  position: absolute;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page .page-content .info-box .type-item {
  margin-top: .20011rem;
  font-size: .600rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page .page-content .info-box .type-item .name {
  color: #797c8d;
  margin: .600rem 0;
  display: block;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page .page-content .info-box .type-item .item-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page .page-content .info-box .type-item .item-list .f-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .40020rem .600rem;
  margin-right: .600rem;
  line-height: 1;
  margin-bottom: .600rem;
  border: .02500rem solid #f4f5f7;
  border-radius: .70036rem;
  background: #f2f3f8;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page .page-content .info-box .type-item .item-list .f-item.disabled {
  color: #d2d7e0;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page .page-content .footer-btn {
  bottom: 0;
  padding: .600rem 1.25067rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.75092rem;
  border-top: .02500rem solid #ececec;
  font-size: .70036rem;
  z-index: 1000;
  background: #fff;
  position: absolute;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page .page-content .footer-btn .clear {
  width: 30%;
  height: 1.75092rem;
  text-align: center;
  margin-right: .600rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page .page-content .footer-btn .clear.disabled {
  color: #d2d7e0;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page .page-content .footer-btn .confirm {
  width: 70%;
  color: #fff;
  height: 1.75092rem;
  background: var(--primary-color);
  border-radius: 1.20064rem;
  text-align: center;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page.show {
  opacity: 1;
  visibility: visible;
  display: block;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .detail-filter-box .filter-pop-page.show .page-content {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper {
  margin-top: .35019rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .rec-room-box {
  padding-top: 1.05056rem;
  border: .05003rem solid #e1d9ca;
  -webkit-box-shadow: 0 0.02500rem 0.07504rem #e0dace;
  box-shadow: 0 0.02500rem 0.07504rem #e0dace;
  background: #fff;
  margin: 0 .35019rem;
  border-radius: .40020rem;
  position: relative;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .tips {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3.96460rem;
  font-size: .65035rem;
  color: #635e54;
  z-index: 2;
  width: 7.92923rem;
  height: 1.22564rem;
  line-height: 1.22564rem;
  text-align: center;
  background: url(../images/City-Travel-HoteDetail/tips_bg.png) center center no-repeat;
  background-size: cover;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item {
  position: relative;
  border-bottom: .02500rem solid #ececec;
  padding: .50027rem .600rem;
  margin-top: .30016rem;
  margin-bottom: 0;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item:last-of-type {
  border: 0;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .left {
  width: 74%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .left .r-img {
  height: auto;
  min-height: 5.50292rem;
  width: 3.95211rem;
  position: relative;
  background: #dee2e5 url(../images/City-Travel-HoteDetail/nopic-small.png) no-repeat center center;
  background-size: cover;
  border-radius: .40020rem;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .left .r-img .img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: .40020rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .left .r-img .num {
  display: block;
  position: absolute;
  top: .20011rem;
  right: .20011rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: .80043rem;
  font-size: .50027rem;
  color: #fff;
  width: 1.00052rem;
  height: .80043rem;
  text-align: center;
  line-height: .80043rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .left .info {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: .600rem;
  overflow: hidden;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .left .info .name {
  display: block;
  font-size: .80043rem;
  font-weight: 700;
  line-height: 1.00052rem;
  width: 100%;
  margin-bottom: .20011rem;
  display: -webkit-box;
  -Webkit-box-orient: vertical;
  -Webkit-line-clamp: 2;
  overflow: hidden;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .left .info .sub-name {
  display: block;
  margin-bottom: .35019rem;
  display: -Webkit-box;
  -Webkit-box-orient: vertical;
  -Webkit-line-clamp: 2;
  overflow: hidden;
  line-height: .75rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .left .info .sub-name .txt {
  margin-right: .20011rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .left .info .details {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: .65035rem;
  margin-bottom: .20011rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .left .info .details .txt {
  font-size: .600rem;
  color: #a7acb7;
  margin-right: .20011rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .left .info .types {
  margin-top: .35019rem;
  line-height: 1;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .left .info .types .txt {
  color: #a7acb7;
  display: inline-block;
  margin-right: .20011rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .right {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  text-align: right;
  padding-left: .50027rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 0.50027rem);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 0.50027rem);
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .right .price {
  line-height: 1.00052rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .right .price .real {
  font-size: 1.00052rem;
  font-weight: 700;
  color: #f55;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .right .price .real-mosaic {
  font-size: .62532rem;
  font-weight: 400;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rec-room-wrapper .r-item .r-info .right .btn .txt {
  margin-top: .15008rem;
  display: inline-block;
  min-width: 4.00212rem;
  line-height: 1.5008rem;
  background: var(--book-btn-color);
  color: #fff;
  border-radius: .80043rem;
  font-weight: 700;
  font-size: .75rem;
  text-align: center;
  -webkit-box-shadow: 0 0.05003rem 0.20011rem 0 var(--book-btn-color);
  box-shadow: 0 0.05003rem 0.20011rem 0 var(--book-btn-color);
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .i-un-show {
  display: none !important;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms {
  background: #fff;
  margin: .35019rem .35019rem 0;
  border-radius: .40020rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item {
  position: relative;
  border-bottom: .02500rem solid #ececec;
  padding: .50027rem .600rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item:last-of-type {
  border: 0;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info.rp-arrow::after {
  content: "";
  display: block;
  width: .600rem;
  height: .600rem;
  position: absolute;
  top: 50%;
  margin-top: -.30016rem;
  right: 0;
  background: #f2f3f8 url(../images/City-Travel-HoteDetail/rp-arrow.png) center center no-repeat;
  background-size: .3752rem .17508rem;
  border-radius: 50%;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info .left {
  width: 74%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info .left .r-img {
  width: 3.95211rem;
  height: auto;
  min-height: 4.40235rem;
  position: relative;
  background: #dee2e5 url(../images/City-Travel-HoteDetail/nopic-small.png) no-repeat center center;
  background-size: cover;
  border-radius: .40020rem;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info .left .r-img .img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: .40020rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info .left .r-img .num {
  display: block;
  position: absolute;
  top: .20011rem;
  right: .20011rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: .80043rem;
  font-size: .50027rem;
  color: #fff;
  width: 1.00052rem;
  height: .80043rem;
  text-align: center;
  line-height: .80043rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info .left .info {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: .600rem;
  overflow: hidden;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info .left .info .name {
  display: block;
  font-size: .80043rem;
  font-weight: 700;
  line-height: 1.00052rem;
  width: 100%;
  margin-bottom: .20011rem;
  display: -webkit-box;
  -Webkit-box-orient: vertical;
  -Webkit-line-clamp: 2;
  overflow: hidden;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info .left .info .details {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: .65035rem;
  margin-bottom: .20011rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info .left .info .details .txt {
  font-size: .600rem;
  color: #a7acb7;
  margin-right: .20011rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info .left .info .tags {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: .30016rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info .left .info .tags .t-item {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .05003rem .100049rem;
  font-size: .50027rem;
  line-height: 1em;
  margin-bottom: .20011rem;
  margin-right: .15008rem;
  border: 1PX solid var(--line-color);
  color: var(--primary-color);
  border-radius: .15008rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info .right {
  position: absolute;
  right: .90048rem;
  top: 0;
  height: 100%;
  text-align: right;
  padding-left: .50027rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 0.50027rem);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 0.50027rem);
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info .right .price {
  line-height: 1.00052rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info .right .price .real {
  font-size: 1.00052rem;
  font-weight: 700;
  color: #f55;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rooms .r-item .r-info .right .price .real-mosaic {
  font-size: .62532rem;
  font-weight: 400;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .clock-room .rp-list {
  padding-top: 0;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .clock-room .rp-list .rp-item .left {
  width: 79%;
  -webkit-align-items: initial;
  -ms-flex-align: initial;
  align-items: initial;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .clock-room .rp-list .rp-item .left .r-img {
  width: 3.95211rem;
  height: auto;
  min-height: 5.50292rem;
  position: relative;
  background: #dee2e5 url(../images/City-Travel-HoteDetail/nopic-small.png) no-repeat center center;
  background-size: cover;
  border-radius: .40020rem;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .clock-room .rp-list .rp-item .left .r-img .img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: .40020rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .clock-room .rp-list .rp-item .left .r-img .num {
  display: block;
  position: absolute;
  top: .20011rem;
  right: .20011rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: .80043rem;
  font-size: .50027rem;
  color: #fff;
  width: 1.00052rem;
  height: .80043rem;
  text-align: center;
  line-height: .80043rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .clock-room .rp-list .rp-item .left .info {
  margin-left: .600rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .clock-room .rp-list .rp-item .left .info .name {
  white-space: initial;
  display: -webkit-box;
  -Webkit-box-orient: vertical;
  -Webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: .10004rem;
  padding-right: .30016rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .clock-room .rp-list .rp-item .left .info .name::before {
  display: none;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .clock-room .rp-list .rp-item .right {
  text-align: right;
  right: .50027rem;
  padding-left: .600rem;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #f7f9fc 0.50027rem);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #f7f9fc 0.50027rem);
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .clock-room .rp-list .rp-item .right .btn {
  margin-top: .30016rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rp-hotelmode .rp-list .rp-clock {
  display: block;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rp-hotelmode .rp-list .rp-item {
  display: block;
  padding: .50027rem .600rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rp-list .rp-item .tag-best-price {
  position: absolute;
  top: 0;
  right: 0;
  font-size: .50027rem;
  line-height: .50027rem;
  color: #fff;
  border-radius: .40020rem 0 0 .40020rem;
  padding: .10004rem .20011rem .10004rem .25012rem;
  background-image: -webkit-gradient(linear, right top, left top, from(#ff4f42), to(#f85890));
  background-image: -webkit-linear-gradient(right, #ff4f42 0, #f85890 100%);
  background-image: linear-gradient(to left, #ff4f42 0, #f85890 100%);
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rp-list .rp-item .tag-best-price::before {
  content: "";
  display: inline-block;
  width: .52528rem;
  height: .42523rem;
  background: url(../images/City-Travel-HoteDetail/detail-tag-best-price.png) center center no-repeat;
  background-size: cover;
  margin-right: .15008rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rp-list .rp-item .tag-best-price.compose {
  background: #fff;
  color: #19293f;
  -webkit-box-shadow: 0 0.025rem 0.15008rem rgba(87, 107, 149, 0.1);
  box-shadow: 0 0.025rem 0.15008rem rgba(87, 107, 149, 0.1);
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rp-list .rp-item .tag-best-price.compose::before {
  display: none;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rp-list .rp-item .tag-best-price.compose .heightred {
  display: inline-block;
  color: #e44c4c;
  border-right: 1PX solid #b4bccc;
  padding-right: .15008rem;
  margin-right: .15008rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rp-list .rp-item .left .info .types .txt.f-c49f {
  color: var(--primary-color);
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rp-list .rp-item .left .price {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  line-height: 1.00052rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-room-list .rp-list .rp-item .left .price .real-mosaic {
  text-shadow: 0 0 10Px #f55;
  color: transparent;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-filter-table {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .75rem;
  font-size: .600rem;
}

.detail-page .detail-page-content .rooms-box #detailRoomList .detail-filter-table.none {
  display: none;
}

.detail-page .detail-page-content .detail-highlights-wrapper {
  border-radius: .40020rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  background: #fff;
  margin: .35019rem .35019rem 0;
  padding: .7504rem .50027rem;
}

.detail-page .detail-page-content .detail-highlights-wrapper .hl-title {
  font-size: 1.00052rem;
  font-weight: 700;
}

.detail-page .detail-page-content .detail-highlights-wrapper .rank-wrapper {
  margin-top: .7504rem;
}

.detail-page .detail-page-content .detail-highlights-wrapper .rank-wrapper .rank {
  height: 2.42628rem;
  line-height: 2.42628rem;
  background: url(../images/City-Travel-HoteDetail/rank_bg.png) center center no-repeat;
  background-size: cover;
  margin-bottom: .30016rem;
  border-radius: .40020rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.detail-page .detail-page-content .detail-highlights-wrapper .rank-wrapper .rank .rank-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 .7504rem;
  font-size: .65035rem;
  color: #bb7b38;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.detail-page .detail-page-content .detail-highlights-wrapper .rank-wrapper .rank .rank-content::before {
  content: "";
  display: block;
  width: .90048rem;
  height: .90048rem;
  background: url(../images/City-Travel-HoteDetail/rank_ic2.png) center center no-repeat;
  background-size: cover;
  margin-right: .62532rem;
}

.detail-page .detail-page-content .detail-highlights-wrapper .rank-wrapper .rank .rank-content .rank-type {
  font-size: .70036rem;
  font-weight: 700;
  margin-right: .50027rem;
}

.detail-page .detail-page-content .detail-check-notes {
  display: block;
  background: #fff;
  margin: .35019rem .35019rem 0;
  padding: .75rem .50027rem;
  position: relative;
  color: #19293f;
  border-radius: .40020rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: .40020rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.detail-page .detail-page-content .detail-check-notes .note-tit {
  font-size: 1.00052rem;
  font-weight: 700;
  margin-bottom: .35019rem;
}

.detail-page .detail-page-content .detail-check-notes .title-more-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: .90048rem;
  right: .600rem;
}

.detail-page .detail-page-content .detail-check-notes .title-more-box .more-text {
  font-size: .600rem;
  color: #576b95;
  line-height: .600rem;
}

.detail-page .detail-page-content .detail-check-notes .title-more-box .title-more {
  width: .65035rem;
  height: .62532rem;
  background: #f2f3f8;
  border-radius: 50%;
  margin-left: .25012rem;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.detail-page .detail-page-content .detail-check-notes .title-more-box .title-more .more-dot {
  width: .10004rem;
  height: .10004rem;
  background: #576b95;
  border-radius: 100%;
  margin-right: .07504rem;
}

.detail-page .detail-page-content .detail-check-notes .title-more-box .title-more .more-dot:last-of-type {
  margin: 0;
}

.detail-page .detail-page-content .detail-check-notes .note-item {
  margin-top: .7504rem;
  font-size: .600rem;
}

.detail-page .detail-page-content .detail-check-notes .note-item .note-name {
  display: block;
  font-weight: 600;
  margin-bottom: .25012rem;
}

.detail-page .detail-page-content .detail-check-notes .note-item .note-desc {
  display: block;
  color: #797c8d;
  position: relative;
  overflow: hidden;
}

.detail-page .detail-page-content .detail-check-notes .note-item .note-desc.ell {
  text-overflow: ellipsis;
  display: -webkit-box;
  -Webkit-line-clamp: 5;
  -Webkit-box-orient: vertical;
  line-height: 1.05056rem;
}

.detail-page .detail-page-content .detail-check-notes .i-un-show {
  display: none !important;
}

.detail-page .detail-page-content .detail-surround-info {
  background-color: #fff;
  border-radius: .40020rem;
  margin: .35019rem .35019rem 0;
  color: #19293f;
  padding: .75rem .50027rem;
  min-height: 10.00532rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: .75rem;
  font-size: .600rem;
}

.detail-page .detail-page-content .detail-surround-info .surround-top {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.detail-page .detail-page-content .detail-surround-info .surround-top .st-left {
  font-size: .80043rem;
}

.detail-page .detail-page-content .detail-surround-info .surround-top .st-left .surround-name {
  margin-right: .75rem;
  padding-bottom: .30016rem;
}

.detail-page .detail-page-content .detail-surround-info .surround-top .st-left .on {
  color: var(--primary-color);
  font-size: 1.00052rem;
  position: relative;
  font-weight: 700;
}

.detail-page .detail-page-content .detail-surround-info .surround-top .st-left .on::after {
  content: '';
  width: 1.5008rem;
  height: .15008rem;
  background-color: var(--primary-color);
  border-radius: .075rem;
  position: absolute;
  bottom: 0;
  left: 10%;
  right: 0;
}

.detail-page .detail-page-content .detail-surround-info .surround-top .st-right {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: end;
  -ms-flex-align: end;
  align-items: end;
  font-size: .600rem;
  color: #888;
}

.detail-page .detail-page-content .detail-surround-info .surround-top .st-right .btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: .600rem;
  line-height: .600rem;
  color: #576b95;
}

.detail-page .detail-page-content .detail-surround-info .surround-top .st-right .title-more {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: .65035rem;
  height: .62532rem;
  background: #f2f3f8;
  border-radius: 50%;
  margin-left: .25012rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.detail-page .detail-page-content .detail-surround-info .surround-top .st-right .title-more .more-dot {
  width: .10004rem;
  height: .10004rem;
  background: #576b95;
  border-radius: 100%;
  margin-right: .075rem;
}

.detail-page .detail-page-content .detail-surround-info .st-bottom {
  font-size: .600rem;
  color: #888;
  margin-top: 1.20064rem;
}

.detail-page .detail-page-content .detail-surround-info .st-bottom .item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: .62532rem;
}

.detail-page .detail-page-content .detail-surround-info .st-bottom .item:last-child {
  margin-bottom: 0;
}

.detail-page .detail-page-content .detail-surround-info .st-bottom .item .lbox {
  width: 67%;
}

.detail-page .detail-page-content .detail-surround-info .st-bottom .item .lbox .name {
  color: #19293f;
  font-size: .65035rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.detail-page .detail-page-content .detail-surround-info .st-bottom .item .lbox .addr {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.detail-page .detail-page-content .detail-surround-info .st-bottom .item .rbox {
  text-align: right;
  max-width: 33%;
}

.detail-page .detail-page-content .detail-surround-info .st-bottom .item .rbox .rname {
  position: relative;
  top: .15008rem;
}

.detail-page .detail-page-content .detail-surround-info .st-bottom .item .rbox .rbox-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.detail-page .detail-page-content .detail-comment {
  display: block;
  background: #fff;
  margin: .35019rem .35019rem 0;
  padding: .75rem .50027rem;
  border-radius: .40020rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  color: #19293f;
}

.detail-page .detail-page-content .detail-comment .c-title {
  font-size: 1.00052rem;
  letter-spacing: 0;
  line-height: 1.00052rem;
  margin-bottom: 1.00052rem;
  font-weight: 700;
}

.detail-page .detail-page-content .detail-comment .title-more-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: .90048rem;
  right: .600rem;
}

.detail-page .detail-page-content .detail-comment .title-more-box .title-more {
  width: .65035rem;
  height: .62532rem;
  background: #f2f3f8;
  border-radius: 50%;
  margin-left: .25012rem;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.detail-page .detail-page-content .detail-comment .title-more-box .title-more .more-dot {
  width: .10004rem;
  height: .10004rem;
  background: #576b95;
  border-radius: 100%;
  margin-right: .075rem;
}

.detail-page .detail-page-content .detail-comment .title-more-box .title-more .more-dot:last-of-type {
  margin: 0;
}

.detail-page .detail-page-content .detail-comment .c-tags, .detail-page .detail-page-content .detail-comment .c-score {
  margin-bottom: .85044rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.detail-page .detail-page-content .detail-comment .c-score .s-left {
  width: 5.00267rem;
  position: relative;
  font-weight: 700;
}

.detail-page .detail-page-content .detail-comment .c-score .s-left::after {
  content: '';
  width: 1Px;
  height: 1.60084rem;
  position: absolute;
  top: -.05003rem;
  right: 0;
  background: #e8ebef;
}

.detail-page .detail-page-content .detail-comment .c-score .s-left .s-num {
  font-size: 1.5008rem;
  color: var(--primary-color);
  letter-spacing: 0;
  text-align: right;
  line-height: 1.5008rem;
  font-family: 'dinpro';
}

.detail-page .detail-page-content .detail-comment .c-score .s-left .s-desc {
  font-size: .70036rem;
  color: var(--primary-color);
  letter-spacing: 0;
  text-align: right;
  line-height: .70036rem;
  margin-left: .20011rem;
  position: relative;
  top: -.15008rem;
}

.detail-page .detail-page-content .detail-comment .c-score .s-right {
  padding-left: .600rem;
  font-size: .600rem;
  color: #797c8d;
  letter-spacing: 0;
  line-height: .600rem;
}

.detail-page .detail-page-content .detail-comment .c-score .s-right .s-list {
  margin-top: .30016rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.detail-page .detail-page-content .detail-comment .c-score .s-right .s-list.center {
  margin-top: .45024rem;
}

.detail-page .detail-page-content .detail-comment .c-score .s-right .s-list .s-item {
  margin-right: .40020rem;
}

.detail-page .detail-page-content .detail-comment .c-score .s-right .s-list .s-item .num {
  color: var(--primary-color);
}

.detail-page .detail-page-content .detail-comment .c-tags {
  margin-bottom: 1.00052rem;
}

.detail-page .detail-page-content .detail-comment .c-tags .t-item {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: var(--weak-bg-color);
  border-radius: .20011rem;
  text-align: center;
  padding: 0 .25012rem;
  margin-right: .40020rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.detail-page .detail-page-content .detail-comment .c-tags .t-item .t-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 72%;
  line-height: 1.60084rem;
  margin-right: .15008rem;
}

.detail-page .detail-page-content .detail-comment .c-tags .t-item .t-num {
  font-size: .50027rem;
  color: #797c8d;
  line-height: 1.60084rem;
  text-align: center;
}

.detail-page .detail-page-content .detail-comment .c-details .d-name {
  display: block;
  height: 1.40075rem;
  background: url(../images/City-Travel-HoteDetail/detail-comment1.png.) no-repeat;
  background-size: 1.40075rem 1.40075rem;
  padding-left: 1.655088rem;
  font-size: .70036rem;
  letter-spacing: 0;
  line-height: 1.60084rem;
}

.detail-page .detail-page-content .detail-comment .c-details .d-txt {
  display: block;
  margin-top: .50027rem;
  font-size: .70036rem;
  line-height: 1.05056rem;
  position: relative;
  display: -webkit-box;
  -Webkit-box-orient: vertical;
  -Webkit-line-clamp: 4;
  overflow: hidden;
}

.detail-page .detail-page-content .detail-comment .c-details .d-pics {
  margin-top: .45024rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.detail-page .detail-page-content .detail-comment .c-details .d-pics .pic {
  display: inline-block;
  height: 4.00212rem;
  width: 25%;
  margin-right: .30016rem;
  border-radius: .20011rem;
}

.detail-page .detail-page-content .detail-comment .c-details .d-pics .pic:last-child {
  margin-right: 0;
}

.detail-page .detail-page-content .detail-ask-box {
  display: block;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: .35019rem .35019rem 0;
  padding: .75rem .50027rem;
  border-radius: .40020rem;
}

.detail-page .detail-page-content .detail-ask-box .a-tit {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.detail-page .detail-page-content .detail-ask-box .a-tit .name {
  color: #19293f;
  font-size: 1.00052rem;
  font-weight: 700;
}

.detail-page .detail-page-content .detail-ask-box .a-tit .title-more-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.detail-page .detail-page-content .detail-ask-box .a-tit .title-more-box .btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: .600rem;
  line-height: .600rem;
  color: #576b95;
}

.detail-page .detail-page-content .detail-ask-box .a-tit .title-more-box .title-more {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: .65035rem;
  height: .62532rem;
  background: #f2f3f8;
  border-radius: 50%;
  margin-left: .25012rem;
}

.detail-page .detail-page-content .detail-ask-box .a-tit .title-more-box .title-more .more-dot {
  width: .10004rem;
  height: .10004rem;
  background: #576b95;
  border-radius: 100%;
  margin-right: .075rem;
}

.detail-page .detail-page-content .detail-ask-box .a-tit .title-more-box .title-more .more-dot:last-of-type {
  margin: 0;
}

.detail-page .detail-page-content .detail-ask-box .a-list {
  margin-top: .75rem;
}

.detail-page .detail-page-content .detail-ask-box .a-list .a-item {
  height: .70036rem;
  line-height: .70036rem;
  margin-bottom: .600rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.detail-page .detail-page-content .detail-ask-box .a-list .a-item:last-of-type {
  margin-bottom: 0;
}

.detail-page .detail-page-content .detail-ask-box .a-list .a-item .a-icon {
  font-size: .50027rem;
  line-height: .50027rem;
  color: #fff;
  background: #ff724c;
  border-radius: .15008rem;
  padding: .10004rem .12507rem;
}

.detail-page .detail-page-content .detail-ask-box .a-list .a-item .question {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  margin-left: .25012rem;
  font-size: .600rem;
  line-height: .75rem;
}

.detail-page .detail-page-content .detail-ask-box .a-list .a-item .answer {
  font-size: .55028rem;
  line-height: .55028rem;
  color: #797c8d;
  width: 3.0016rem;
  text-align: right;
}

.detail-page .detail-page-content .detail-near-hotel {
  display: block;
  background: #fff;
  margin: .35019rem .35019rem 0;
  padding: .75rem 0;
  border-radius: .40020rem;
  position: relative;
  color: #19293f;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.detail-page .detail-page-content .detail-near-hotel .nh-title {
  font-size: 1.00052rem;
  letter-spacing: 0;
  line-height: 1.00052rem;
  margin-bottom: .50027rem;
  font-weight: 700;
  padding: 0 .50027rem;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap {
  padding: .40020rem;
  margin-bottom: .20011rem;
  background: #fff;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-image {
  width: 5.2528rem;
  min-height: 6.7536rem;
  background-image: url(../images/City-Travel-HoteDetail/loadingimg.gif);
  background-size: contain;
  background-color: #ececec;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  border-radius: .25012rem;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-image .img {
  width: 100%;
  height: 100%;
  border-radius: .25012rem;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info {
  -webkit-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  padding-left: .50027rem;
  font-size: .600rem;
  color: #717886;
  overflow: hidden;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-name {
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-size: .80043rem;
  color: #19293f;
  margin-bottom: .30016rem;
  line-height: 1.05036rem;
  position: relative;
  max-height: 2.10112rem;
  overflow: hidden;
  word-break: break-all;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-name .txt {
  font-weight: 700;
  display: inline-block;
  margin-right: .25012rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-name .h-type {
  margin-right: .25012rem;
  font-size: .50027rem;
  color: #717886;
  word-break: keep-all;
  position: relative;
  top: -.1rem;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-section-main {
  position: relative;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-score {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: .600rem;
  line-height: .65035rem;
  margin-bottom: .30016rem;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-score .h-score, .detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-score .h-rtxt, .detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-score .h-recnt {
  white-space: nowrap;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-score .h-score {
  font-size: .75rem;
  line-height: .75rem;
  color: #19293f;
  font-weight: 700;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-score .h-score .num {
  font-size: .95051rem;
  line-height: .95051rem;
  margin-right: .20011rem;
  position: relative;
  background: -webkit-linear-gradient(bottom, #fff 0.12507rem, var(--score-bg-color) 0.3283rem, #fff 0.47524rem);
  background: linear-gradient(to top, #fff 0.12507rem, var(--score-bg-color) 0.3283rem, #fff 0.47524rem);
  font-family: 'dinpro';
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-score .h-rtxt {
  color: #19293f;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-location {
  font-size: .600rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: .20011rem;
  font-weight: 400;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-location2 {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -WEBKIT-box-orient: vertical;
  overflow: hidden;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-tags {
  margin-bottom: .40020rem;
  max-height: .85044rem;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: .50027rem;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .h-info-bottom {
  position: relative;
  min-height: 1.00052rem;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .h-info-bottom::after {
  content: '\20';
  display: block;
  width: 0;
  height: 0;
  clear: both;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .h-info-bottom .hotel-price {
  text-align: right;
  font-size: .600rem;
  line-height: .600rem;
  background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0), #fff 2.00107rem);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0), #fff 2.00107rem);
  position: absolute;
  right: 0;
  bottom: .10004rem;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .h-info-bottom .hotel-price .h-price {
  color: #797c8d;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .h-info-bottom .hotel-price .h-p-price {
  color: #f55;
  font-size: 1.10059rem;
  font-weight: 700;
  line-height: .600rem;
  padding: 0 .02500rem 0 .05003rem;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .h-info-bottom .hotel-price .h-p-nologin {
  font-size: .65026rem;
  font-weight: 400;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-hltip {
  background: #ffecd7;
  border: 1Px solid #fae1c6;
  border-radius: .10004rem;
  font-size: .50027rem;
  line-height: .50027rem;
  color: #7f5532;
  display: inline-block;
  margin-bottom: .35019rem;
  padding: .10004rem .20011rem;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-hltip::before, .detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-hltip::after {
  content: "";
  display: inline-block;
  width: .32516rem;
  height: .50027rem;
  background: url(../images/City-Travel-HoteDetail/list_tip_fill.png) center center no-repeat;
  background-size: cover;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-hltip::before {
  margin-right: .20011rem;
}

.detail-page .detail-page-content .detail-near-hotel .list-page-hotel-item-wrap .hotel-room-box .hotel-info .hotel-hltip::after {
  margin-left: .20011rem;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.detail-page .detail-page-content .detail-history-box {
  background: #fff;
  margin: .35019rem .35019rem 0;
  padding: .7504rem .50027rem;
  border-radius: .40020rem;
}

.detail-page .detail-page-content .detail-history-box .h-tit .name {
  font-size: 1.00052rem;
  font-weight: 700;
}

.detail-page .detail-page-content .detail-history-box .h-list .h-item {
  padding: .7504rem 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: .02500rem solid #ececec;
}

.detail-page .detail-page-content .detail-history-box .h-list .h-item:last-child {
  border-bottom: none;
  padding-bottom: .25009rem;
}

.detail-page .detail-page-content .detail-history-box .h-list .h-item .name {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: .70036rem;
  line-height: .80043rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.detail-page .detail-page-content .detail-history-box .h-list .h-item .price {
  width: 4.5021rem;
  text-align: right;
  color: #a7acb7;
  white-space: nowrap;
}

.detail-page .detail-page-content .detail-history-box .h-list .h-item .price-mosaic {
  color: #f55;
}

.detail-page .detail-page-content .detail-footer-box .h-phone {
  background: #fff;
  margin: .35019rem .35019rem 0;
  padding: .7504rem .50027rem;
  border-radius: .40020rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.detail-page .detail-page-content .detail-footer-box .h-phone::after {
  content: "";
  display: block;
  width: 1.00052rem;
  height: 1.00052rem;
  background: url(../images/City-Travel-HoteDetail/phone.png) center center no-repeat;
  background-size: cover;
  margin-left: .50027rem;
}

.detail-page .detail-page-content .detail-footer-box .h-phone .name {
  font-size: 1.00052rem;
  font-weight: 700;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.detail-page .detail-page-content .detail-footer-box .h-phone .txt {
  color: #26bd8f;
}

.detail-page .detail-page-content .detail-footer-box .phone-pop-model {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(0.10004rem);
  backdrop-filter: blur(0.10004rem);
  font-size: .600rem;
  color: #333;
  line-height: 1.05056rem;
  opacity: 0;
  display: none;
  z-index: 999;
}

.detail-page .detail-page-content .detail-footer-box .phone-pop-model.show {
  opacity: 1;
  display: block;
}

.detail-page .detail-page-content .detail-footer-box .phone-pop-model .model-content {
  width: 100%;
  max-height: 80%;
  background-color: #fff;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 1.00052rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.detail-page .detail-page-content .detail-footer-box .phone-pop-model .model-content .pp-title {
  text-align: center;
  position: relative;
  height: 2.20116rem;
  line-height: 2.20116rem;
  background-color: #f8f8f8;
  font-weight: 100;
}

.detail-page .detail-page-content .detail-footer-box .phone-pop-model .model-content .pp-title .name {
  font-size: .80043rem;
}

.detail-page .detail-page-content .detail-footer-box .phone-pop-model .model-content .pp-title .close {
  position: absolute;
  top: 0;
  right: 1.10059rem;
  font-size: .70036rem;
}

.detail-page .detail-page-content .detail-footer-box .phone-pop-model .model-content .list {
  padding: 0 1.00052rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.detail-page .detail-page-content .detail-footer-box .phone-pop-model .model-content .list .l-item {
  display: block;
  color: #000;
  font-size: .70036rem;
  text-align: center;
  height: 2.00107rem;
  line-height: 2.00107rem;
  border-bottom: .02500rem solid #ebebeb;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.detail-page .detail-page-content .detail-pricedesc-wrapper {
  display: block;
  background: #fff;
  margin: .35019rem .35019rem 0;
  padding: .7504rem .50027rem;
  border-radius: .40020rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  color: #19293f;
}

.detail-page .detail-page-content .detail-pricedesc-wrapper .price-desc-title {
  font-size: 1.00052rem;
  font-weight: 700;
  margin-bottom: .35019rem;
}

.detail-page .detail-page-content .detail-pricedesc-wrapper .price-desc {
  margin-top: .7504rem;
  font-size: .600rem;
  color: #797c8d;
}

.detail-page .detail-page-content .footer-slogan {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 2.75147rem 1.60084rem;
  height: 11.50612rem;
  background: url(../images/City-Travel-HoteDetail/weit.png) top center no-repeat;
  background-size: 100% auto;
  text-align: center;
}

.detail-page .detail-page-content .footer-slogan .supplier-licence {
  padding-top: 6.0032rem;
  display: inline-block;
  font-size: .600rem;
  color: #babfc9;
}

.detail-page .detail-page-content .detail-problems {
  font-size: .7504rem;
  background: #fff;
  display: none;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .450rem .600rem .450rem 2.25rem;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  -webkit-box-shadow: 0 0 0.25012rem rgba(146, 170, 170, 0.2);
  box-shadow: 0 0 0.25012rem rgba(146, 170, 170, 0.2);
  padding-bottom: -webkit-calc(.450rem + constant(safe-area-inset-bottom));
  padding-bottom: calc(.450rem + constant(safe-area-inset-bottom));
  padding-bottom: -webkit-calc(.450rem + env(safe-area-inset-bottom));
  padding-bottom: calc(.450rem + env(safe-area-inset-bottom));
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 900;
}

.detail-page .detail-page-content .detail-problems .left {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.detail-page .detail-page-content .detail-problems .left .my-question {
  width: 1.00052rem;
  height: 1.00052rem;
  background: url(../images/City-Travel-HoteDetail/detail-question.png) center center no-repeat;
  background-size: cover;
}

.detail-page .detail-page-content .detail-problems .left .p-tit {
  font-size: .55028rem;
  color: #797c8d;
}

.detail-page .detail-page-content .detail-problems .viewroom {
  width: 12.10644rem;
  height: 2.20116rem;
  line-height: 2.20116rem;
  text-align: center;
  color: #fff;
  border-radius: 1.10059rem;
  background-color: var(--primary-color);
  font-weight: 700;
  font-size: .85044rem;
}

.detail-page .detail-page-content .detail-problems.show {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.detail-page .fix-hander-navigate {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: #fff;
  -webkit-box-shadow: 0 0.05003rem 0.50027rem #dee2e6;
  box-shadow: 0 0.05033rem 0.50027rem #dee2e6;
  opacity: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
}

.detail-page .fix-hander-navigate.show {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 225ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 225ms cubic-bezier(0, 0, 0.2, 1);
}

.detail-page .fix-hander-navigate .fn-name {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 2.00107rem;
  line-height: 2.00107rem;
  text-align: center;
  color: #797c8d;
  font-size: .70036rem;
}

.detail-page .fix-hander-navigate .fn-name.active {
  color: #19293f;
  font-weight: 700;
}

.detail-page .fix-hander-navigate .fix-hander-navigate-glide {
  border-radius: .150rem;
  width: 1.50rem;
  height: .150rem;
  background: var(--primary-color);
  position: absolute;
  left: 12.5%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  bottom: 0;
  -webkit-transition: left 225ms cubic-bezier(0, 0, 0.2, 1);
  transition: left 225ms cubic-bezier(0, 0, 0.2, 1);
}
